/*body{*/
/*    zoom: 100%;*/
/*}*/

.layui-table th {
    text-align: center;
}

.layui-table td {
    text-align: center;
}

input:disabled{background-color:#999;color:#fff;}
.layui-btn:disabled{background-color:#999;color:#fff;}
.tab-title,.tab-title a{color:#009688}


.layui-form-item label.required:after {
    content: '*  ';
    color: red;
    font-size: 18px;
    display: inline-block;
    position: relative;
    top: 4px;
    right: -9px;
}

.hide {
    display: none;
}


.flex-center {
    display: flex;
    justify-content: center;
}

.margin-left-50 {
    margin-left: 50px;
}

.padding-top-20 {
    padding-top: 20px;
}

.layui-form-header {
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    padding: 10px 15px 0;
}

/*.layui-form-header .header-left{  text-align: left}*/
.layui-form-header .header-right{
    float: right;
    text-align: right;
}

.submit-footer {
    margin-top: 10px;
    border-top: 1px solid #eee;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    z-index: 1;
    background-color: #FFF;
    padding: 10px 0;
}

.layui-inline .layui-form-label{
    width: auto;
    color: #009688;
}

.layui-inline .layui-form-label::after{
    display:inline-block;
    position: absolute;
    content: ':';
    margin-left: 2px;
}

/*input checkbox 背景色*/
input[type=checkbox]{
    cursor: pointer;
    position: relative;
    width: 16px;
    height: 16px;
    font-size: 14px;
}


input[type=checkbox]:checked::after{
    position: absolute;
    top: 0;
    background-color: #009688;
    color: #FFF;
    width: 16px;
    height: 16px;
    display: inline-block;
    visibility: visible;
    padding-left: 0px;
    text-align: center;
    content: ' ';
    border-radius: 3px
}

input[type=checkbox]:checked::after{
    content: "✔";
    font-size: 12px;
    font-weight: bold;
}

.layui-form-label{
    /*text-align: right!important;*/
    min-width: 110px;
}

.clear{ clear: both;}

/*多图上传*/
.morepic_box{border: 1px solid #dadada;color: #838383;font-size: 12px;margin-top: 10px;width: 100%;background-color: #FFF; padding-bottom: 10px; background-color: #f9f9f9;}
.morepic_box ul{ margin-left: 20px; margin-bottom: 10px;}
.morepic_box ul li{ width: 200px; height:185px; float: left; list-style: none; border: #EDEDED 1px solid; margin-top: 20px; margin-right: 20px; position:relative; cursor:move;}
.morepic_box ul li .piclist_img{ display: block;}
.morepic_box ul li input{ width: 200px !important; padding: 0px; border:0px; height: 24px; line-height: 24px;; text-align: center; border-top: #dcdcdc dotted 1px; background: #ececec;border-bottom: 1px solid #000;}
.morepic_box ul li img{ width: 200px; height: 160px;object-fit:cover;}
.morepic_box ul li .file-panel{ position: absolute;height: 0;filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#80000000', endColorstr='#80000000')\0;background: rgba( 0, 0, 0, 0.5 );width: 100%;top: 0;left: 0;overflow: hidden;z-index: 300; transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;}
.morepic_box ul li span{width: 24px;height: 24px;display: inline;float: right;text-indent: -9999px;overflow: hidden;background: url(../img/icons.png) no-repeat;background-position: -48px -24px;margin: 5px 1px 1px;cursor: pointer;}
.morepic_box ul li span:hover{background-position: -48px 0;}
.morepic_box ul li:hover .file-panel{ height:30px; transition: all 0.5s ease 0s;-webkit-transform: all 0.5s ease 0s;}
.morepic_box ul li.add_morepic{ font-size: 50px; height: 160px; line-height: 160px; text-align: center; cursor: pointer; background: #ececec;}
.morepic_box ul li.add_morepic:hover{background:#28b779;color:#ffffff;}
